<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@include file="/WEB-INF/jsp/include.jsp"%>

<script src="<c:url value="/resources/js/clienteDetalleJTable.js" />"></script>

<c:url var="correoUrl" value="/cliente/detalle/correo" />
<c:url var="telefonoUrl" value="/cliente/detalle/telefono" />
<c:url var="documentoCobrarUrl" value="/cliente/detalle/documentoCobrar" />
<c:url var="notaComentarioUrl" value="/cliente/detalle/nota" />
<c:url var="indicadorUrl" value="/cliente/detalle/indicador" />
<c:url var="buscarClienteUrl" value="/cliente/mostrar" />
<c:set var="clienteId" value="${clienteId}" />

<script type="text/javascript">
	jQuery(document).ready(
			function($) {
				clienteDetalle.init('${clienteId}', '${documentoCobrarUrl}',
						'${notaComentarioUrl}', '${teledonoUrl}',
						'${correoUrl}', '${indicadorUrl}');
				$('#botonVolver').click(function() {
					clienteDetalle.consultaCliente();
				});
				clienteDetalle.createJTableDatoContacto();
			});
	
</script>

<div class="form-group">
	<div class="col-xs-10">
		<h4 class="">
			<i class="icon-plus-sign-alt"></i>
				<spring:message code="cliente.form.detallecliente.title" />
		</h4>
		<hr>	
	</div>
	<div class="col-xs-1 right margin10">
		<button type="button" class="btn btn-primary" id="botonVolver">
			<spring:message code="tomador.pedido.volver.button" />
		</button>
	</div>
</div>
<ul class="nav nav-tabs">
			<li class="active">
				<a href="#tabDatoContacto" data-toggle="tab">
					<spring:message code="cliente.form.detallecliente.tab.datoscontacto.title" />
				</a>
			</li>
			<li><a href="#tabNota" data-toggle="tab" data-tab-json='{"clienteId":${clienteId}}' data-tab-url='${notaComentarioUrl}'>
				<spring:message code="cliente.form.detallecliente.tab.documentos.title" />
				</a>
			</li>
			<li><a href="#tabDocumento" data-toggle="tab" data-tab-url='${documentoCobrarUrl}'>
				<spring:message code="cliente.form.detallecliente.tab.notas.title" />
				</a>
			</li>
			<li><a href="#tabIndicador" data-toggle="tab" data-tab-url ='${indicadorUrl}'>
				<spring:message code="cliente.form.detallecliente.tab.indicadores.title" />
				</a>
			</li>
		</ul>
		
		<div class="tab-content">
		    <div class="tab-pane active" id="tabDatoContacto">
		        <div id="tablaCorreo" class="tablaResultado"></div>
		        <div id="tablaTelefono" class="tablaResultado"></div>
		    </div>
		    <div class="tab-pane" id="tabNota"></div>
		    <div class="tab-pane" id="tabDocumento"></div>
		    <div class="tab-pane" id="callback"></div>
		    <div class="tab-pane" id="tabIndicador"></div>
		</div>
		
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="<c:url value="/resources/js/jquery/jquery.loadmask.js" />"></script>
<script
	src="<c:url value="/resources/js/jquery/bootstrap-remote-tabs.js" />"></script>



